﻿$(function () {
    $("#btnBuscar").on("click", function () {
        buscar();
    }).button();
    $("#btnLimpiar").on("click", function () {
        $("#txtSistemaFiltro").val("");
        $("#hidCodigoSistemaFiltro").val("");
        listarOficina("ddlOficinaFiltro", K_MensajeSelect.Todos);
        listarPerfilXSistema("ddlPerfilFiltro", K_MensajeSelect.Todos, 0);
        $("#ddlSituacionFiltro").val("0");
        $("#txtNombreFiltro").val("");
    }).button();

    initSistemaAutoCompletar("txtSistemaFiltro", "hidCodigoSistemaFiltro", "ddlPerfilFiltro");
    listarOficina("ddlOficinaFiltro", K_MensajeSelect.Todos);
    listarPerfilXSistema("ddlPerfilFiltro", K_MensajeSelect.Todos, 0);

    buscar();
});

var buscar = function () {
    //alert('OK');
    //validarSesion();
    var opcion = {
        CodigoSistema: $("#hidCodigoSistemaFiltro").val() == "" ? 0 : $("#hidCodigoSistemaFiltro").val(),
        CodigoPerfil: $("#ddlPerfilFiltro").val(),
        CodigoOficina: $("#ddlOficinaFiltro").val(),
        nombre: $("#txtNombreFiltro").val(),
        anulado: $("#ddlSituacionFiltro").val()
    };

    $("#grid").jqGrid("clearGridData", true);
    $("#grid").jqGrid('setGridParam', { url: 'ListarPerfilXSistemaJQGRID', datatype: 'json', mtype: 'POST', postData: opcion }).trigger('reloadGrid');

    jQuery("#grid").jqGrid({
        url: 'ListarPerfilXSistemaJQGRID',
        datatype: 'json',
        postData: opcion,
        mtype: 'POST',
        colNames: ['Codigo Perfil Usuario ', 'Codigo Usuario', 'Nombre Usuario', 'Codigo Oficina', 'Oficina', 'Codigo Perfil', 'Perfil', 'Codigo Modulo', 'Modulo', 'Codigo Sistema', 'Sistema', 'Situacion'],
        colModel: [
            { name: 'CodigoPerdilUsuario', index: 'CodigoPerdilUsuario', width: 50, align: 'left', hidden: true },
            { name: 'CodigoUsuario', index: 'CodigoUsuario', width: 50, align: 'left', hidden: true },
            { name: 'NombreUsuario', index: 'NombreUsuario', width: 80, align: 'left', },
            { name: 'CodigoOficina', index: 'CodigoOficina', width: 50, align: 'left', hidden: true },
            { name: 'NombreOficina', index: 'NombreOficina', width: 80, align: 'left', },
            { name: 'CodigoPerfil', index: 'CodigoPerfil', width: 50, align: 'left', hidden: true },
            { name: 'NombrePerfil', index: 'NombrePerfil', width: 80, align: 'left', },
            { name: 'CodigoModulo', index: 'CodigoModulo', width: 50, align: 'left', hidden: true },
            { name: 'NombreModulo', index: 'NombreModulo', width: 80, align: 'left', },
            { name: 'CodigoSistema', index: 'CodigoSistema', width: 50, align: 'left', hidden: true },
            { name: 'NombreSistema', index: 'NombreSistema', width: 80, align: 'left', },
            { name: 'Situacion', index: "Situacion", width: 30, align: 'center' },
            //{ name: 'act', index: 'act', width: 75, sortable: false }
        ],
        rowNum: 20,
        pager: jQuery('#pager'),
        rowList: [20, 30, 50],
        sortname: 'CodigoPerdilUsuario',
        viewrecords: true,
        sortorder: 'asc',
        multiselect: true,
        multiSort: true,
        width: '990',
        height: '200',
        caption: 'Roles Asignados',
        ondblClickRow: function (id) { verDeta(id); }
        //gridComplete: function () {
        //    var ids = jQuery("#grid").jqGrid('getDataIDs');
        //    for (var i = 0; i < ids.length; i++) {
        //        var cl = ids[i];
        //        xview = "<img src='../Imagen/icono/search.png' onclick=\"ver('" + cl + "');\"  />&nbsp;&nbsp;";
        //        xedit = "<img src='../Imagen/icono/edit.png' onclick=\"redirectEdit('" + cl + "');\"  />&nbsp;&nbsp;";
        //        xdel = "<img src='../Imagen/icono/del.png' onclick=\"del('" + cl + "');\"  /> ";
        //        jQuery("#grid").jqGrid('setRowData', ids[i], { act: xview + xedit + xdel });
        //    }
        //}

    });
};